import React, { useContext } from 'react';
import { DesignContent } from './DesignContent';

function ShowArea() {
  // 在使用useContext解构出color中想要传递的值，就是最终返回给我们的值
  const { state } = useContext(DesignContent);
  console.log('state', state);

  return (
    <div>
      <div style={{ color: state.color }}>当前字体颜色{state.color}</div>
    </div>
  );
}
export default ShowArea;
